@charset "utf-8";
@import "common";
*{
	padding: 0;
	margin: 0;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.clearfix::after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
}

.greencontent {
	background-color: #8bc01f;
	.warp{
		padding-bottom: 60px;
		.numberOne{
			display: inline-block;
			width: 55px;
			height: 55px;
			background-color: white;
			font-size: 50px;
			font-weight: bold;
			text-align: center;
			line-height: 55px;
			color: #8bc01f;
		}
		.fontbig{
			color: white;
			padding-left: 3px;
			font-size: 48px;
			display: inline-block;
		}
		.fontbox{
			padding-top: 10px;
			padding-left: 10px;
			color: white;
			.title{
				font-size: 24px;
				padding-bottom: 10%;
			}
			.font1{
				padding-bottom: 30px;
				letter-spacing: 2px;
			}
		}
		.btnwarp{
			width: 100px;
			height: 35px;
			button{
				background-color: white;
				width: 100%;
				height: 100%;
				border: none;
				color: #8bc01f;
				border-radius: 5px;
			}
		}
		.img{
			width: 100%;
			img{
				width: 100%;
			}
		}
	}
}

.bluecontent {
	background-color: #3393df;
	.warp{
		padding-bottom: 60px;
		.numberOne{
			display: inline-block;
			width: 55px;
			height: 55px;
			background-color: white;
			font-size: 50px;
			font-weight: bold;
			text-align: center;
			line-height: 55px;
			color: #3393df;
		}
		.fontbig{
			color: white;
			padding-left: 3px;
			font-size: 48px;
			display: inline-block;
		}
		.imgwarp{
			width: 100%;
			img{
				width: 100%;
			}
		}
		.fontcon{
			color: white;
			.title{
				padding-bottom: 20px;
				font-size: 24px;
			}
			.fontconmin{
				font-size: 14px;
				line-height: 30px;
				padding-bottom: 30px;
			}
		}
		.imgwarp2{
			width: 100%;
			img{
				width: 100%;
			}
		}
	}
}

.whitecontent{
	background-color: white;
	.warp{
		padding-bottom: 60px;
		.numberOne{
			display: inline-block;
			width: 55px;
			height: 55px;
			background-color: #3393df;
			font-size: 50px;
			font-weight: bold;
			text-align: center;
			line-height: 55px;
			color: white;
		}
		.fontbig{
			color: #3393df;
			padding-left: 3px;
			font-size: 42px;
			display: inline-block;
		}
		.boxwarp{
			.fonttitle{
				padding-top: 25px;
				font-size: 18px;
			}
			.fontminwarp{
				padding-top: 35px;
				.fontminwarp-title{
					color: #3393df;
					font-size: 18px;
				}
				.fontminwarp-con{
					text-indent: 28px;
				}
			}
		}
		.boxpadding{
			padding-bottom: 80px;
		}
	}
}
// 手机
@media screen and (max-width: 768px){
	
}
// 平板
@media (min-width: 768px) and (max-width: 992px){
	
}
// pc
@media screen and (min-width: 992px){
	.warp{
		width: 1000px;
	}
	.bluecontent .warp .imgwarp2{
		padding-top: 150px;
	}
}

